<!DOCTYPE html>
<html lang="en">
<head>
<?php get_template_part( 'parts/head' ); ?>
</head>

<body>

<?php get_header(); ?>

<h1 class="cbox mx-auto mt-16 text-5xl">
  case view 通用模版 
</h1>

<div class="cbox mx-auto mt-16 flex gap-10 min-h-[30vh]">

  <main class="w-[70%]">

    <h1 class="text-4xl border-b pb-4">
      product_category999/single: <?=the_title();?>
    </h1>

    <div>
      <img src="<?=get_field('img')?>" alt="<?=the_title()?>">
    </div>

    <div class="bg-white p-20">
      Capacity:<?=get_field('capacity');?>
      <br/>
      Material:<?=get_field('material');?>
    </div>

    <article class="mt-4">
      <?php the_content();?>
    </article>


    <div class="bg-white p-20">
      <ul>
      <?php 
        foreach(get_field('relative_product') as $pid){ 
          $post = get_post($pid);      
      ?>
        <li class="">
          <img src="<?=get_field('img', $pid)?>" alt="<?=$post->post_title?>">
          <b class="block text-xl"><?=$post->post_title?></b>


          
        </li>



      <?php } ?>

      </ul>
    </div>
    

  </main>



</div>

<?php get_footer(); ?>
</body>
</html>